<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新品上市</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/single.css">
</head>
<body>
    <div id="header">
        <div class="wrapper">
            <div id="main-header">
                <div id="login" class="float">
                    <a href="login.html">登录</a>
                </div>
                <h1 class="float">我的小店</h1>
                <div id="cart" class="float">
                    <a href="cart.html">购物车：$0.00(0件)</a>
                </div>
                <p>清空购物车</p>
            </div>
            <ul id="nav">
                <li><a href="index.html">首页</a></li>
                <li id="makeup">
                    <a href="">美妆商城</a>
                    <div id="submenu">

                    </div>
                </li>
                <li><a href="special-sale.html">特卖商场</a></li>
                <li class="selected"><a href="single.html">新品上市</a></li>
                <li><a href="products.html">潮人推荐</a></li>
                <li><a href="">进口免税店</a></li>
            </ul>
        </div>
    </div>
    <div id="single">
        <div class="wrapper">
            <div id="single-pic" class="float">
                <div class="big-pic" id="big-pic">
                    <img src="img/s1.jpg" alt="">
                </div>
                <div class="small-pic" id="small-pic">
                    <img src="img/s1.jpg" alt="" class="selected">
                    <img src="img/s2.jpg" alt="">
                    <img src="img/s3.jpg" alt="">
                    <img src="img/s4.jpg" alt="">
                </div>
                <span id="left" class="arrow">&lt;</span>
                <span id="right" class="arrow">&gt;</span>
                <div id="drag"></div>
                <div id="mask"></div>
            </div>
            <div id="magnify">
                <img src="img/s1.jpg" alt="">
            </div>
            <div id="single-description" class="float">
                <h3>CHICCA魅惑唇膏</h3>
                <p class="lip">最滋润的口红</p>
                <p class="price">￥&nbsp;450</p>
                <p>
                    <span>数量</span>
                    <input type="number" class="num" value="13">
                </p>
                <button class="add">添加到购物车</button>
                <div class="brand">
                    <span>类型:</span><a href="">唇妆</a><br>
                    <span>品牌:</span><a href="">CHICCA</a>
                </div>
                <h4>详细描述:</h4>
                <p class="description">
                    CHICCA是意大利米兰人对"可爱"的昵称，该品牌的构思是"打造出日本女士恋爱中的眼神"，目标客户是当今大都市中具有时尚感的50岁至60岁的老年女性。该品牌共推出了包括护肤、彩妆和化妆工具在内的166种商品，售价在1050-36750日元不等(约合人民币79元～2768元)。卖点已不仅仅是遮盖皱纹，关注的是如何更显漂亮。 随着日本国内化妆品市场日趋饱和，几大化妆品公司之间的"市场争夺战"越来越激烈。佳丽宝因此将目光转向那些生活在大都市，紧跟时尚潮流，并且孜孜不倦地追求美的新一代老年女性，专门开发新品牌，满足她们对抗老化保养的需求。中老年化妆品大有市场。 佳丽宝此前曾表示，将通过强力打造旗下品牌的战略，在日本已近饱和的化妆品市场争夺更大份额。该公司计划到2010年，将旗下年销售额超过100亿日元的品牌由目前的6个增至12个。
                </p>
            </div>
        </div>
    </div>
    <div id="dependence">
        <div class="wrapper">
            <h3>相关产品</h3>
            <div class="product-info">
                <img src="img/ab3.jpg" alt="">
                <h4>VDL贝壳珍珠保湿妆前乳</h4>
                <button class="add btn">添加到购物车</button>
            </div>
            <div class="product-info">
                <img src="img/ab4.jpg" alt="">
                <h4>VDL贝壳珍珠保湿妆前乳</h4>
                <button class="add btn">添加到购物车</button>
            </div>
            <div class="product-info">
                <img src="img/ab3.jpg" alt="">
                <h4>VDL贝壳珍珠保湿妆前乳</h4>
                <button class="add btn">添加到购物车</button>
            </div>
            <div class="product-info">
                <img src="img/ab4.jpg" alt="">
                <h4>VDL贝壳珍珠保湿妆前乳</h4>
                <button class="add btn">添加到购物车</button>
            </div>
        </div>
    </div>
    <div id="footer">
        <div class="wrapper">
            <h3>我的小店</h3>
            <h4>Copyright © 2017.我的小店</h4>
        </div>
    </div>

    <script src="javascript/wichung-1.0.js"></script>
    <script src="javascript/single.js"></script>

</body>
</html>